<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>操作属性</title>
    <style>
    .cls{
    color :green;
    font-Size:10px;
    }
    </style>
</head>
<body>
<!--
    属性分类:
        1. 固有属性
        2. 自定义属性
-->
<a id="a">百度</a>

<script>
    //1. 获取a标签
    var a = document.getElementById("a");
    //2. 给a标签, 添加href 固有属性
    a.setAttribute("href","http://www.baidu.com");

    // //3. 给a标签, 添加abc 自定义属性
    // a.setAttribute("abc","def");
    // //a.style.color = "red";
    // a.className = "cls";
</script>
</body>
</html>